body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f9f9f9;
    // max-width: 750px;
  }
  .w {
      width: 9.173333rem;
      margin: 0 auto;
  }
  header {
      width: 100%;
      height: 1.28rem;
      background-image:linear-gradient(180deg,#fa4651 0%,#f4804c 100%);
    .header {
        height: 1.28rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p {
            width: auto;
            height: 100%;
            font-weight:600;
            color:#ffffff;
            font-size:.533333rem;
            line-height: 1.28rem;
            span {
                display: inline-block;
                margin-right: .133333rem;
                img {
                    width: .293333rem;
                    height: .533333rem;
                }
            }
            i {
                color:#ffffff;
                font-size:.373333rem;
                margin-left: .133333rem;
            }
        }
        .img {
            width:.533333rem;
            height:.133333rem;
            // background-color:#ffffff;
        }
    }
  }
  .center {
      height: 2.826667rem;
      background-color:#fff;
      margin-top: .266667rem;
      display: flex;
      padding: .346667rem 0 .373333rem .213333rem;
      box-sizing: border-box;
    //   align-items: center;
    border-radius: .133333rem;
    box-shadow:0px 0px .16rem rgba(111, 111, 111, 0.16);
      .input{
          height: 100%;
          line-height:2.266667rem;
          position: relative; 
        input {
          width: .426667rem;
          height: .426667rem;
          opacity: 0; 
          margin-right: .213333rem;
         
      }
      img {
          width: .426667rem;
          height: .426667rem;
          position: absolute;
          left: 0;
          top: .933333rem;
      }
    }
     .imgs {
         width: 2.826667rem;
         height: 2.106667rem;
     }
     .text {
         width:auto;
         height: 100%;
         margin-left: .24rem;
         p {
            font-weight:600;
            color:#3d444d;
            font-size:.373333rem;
            &:nth-child(2) {
                color:#b0b8c2;
                font-size:.32rem;
            }
         }
         .txt {
             width: auto;
             height: .533333rem;
             display: flex;
             justify-content: space-between;
             margin-top: .533333rem;
             p {
                color:#f23a3a;
                font-size:.373333rem;
             }
             span {
                 display: flex;
                 width: auto;
                 height: auto;
                img {
                    width: .533333rem;
                    height: .533333rem;
                }
                .imgtr {
                    width: .533333rem;
                    height: .533333rem;
                    text-align: center;
                    line-height: .533333rem;
                    color:#333333;
                    font-size:.293333rem;
                }
             }
            
         }
     }
  }
.bottom {
    position: fixed;
    left: 0;
    bottom: 1.413333rem;
    width:10.026667rem;
    height:1.333333rem;
    box-shadow:0px .026667rem 0px #e5e5e5 inset;
    background-color: #fff;
    .bottoms {
        height: 100%;
        display: flex;
        align-items: center;
        .ipt {
            width: auto;
            height: 100%;
            color:#202020;
            font-size:14px;
            line-height: 1.333333rem;
           input {
               width: .48rem;
               height: .48rem;
               vertical-align: middle;
               
           }
        }
        .jt {
            width: auto;
            height: 100%;
            line-height: 1.333333rem;
            margin-left: 1.066667rem;
         p {
            color:#3d444d;
            font-size:.373333rem;
            i {
                color: #ff4a68;
            }
        }
    }
       button {
        width:3.92rem;
        height:1.066667rem;
        line-height: 1.066667rem;
        color: #fff;
        font-size: .426667rem;
        text-align: center;
        background-color:#ff6200;
        border: 0;
        border-radius: .533333rem;
        margin-left: .133333rem;
       }
    }
}
  footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.413333rem;
    background-color:#ffffff;
    box-shadow:.08rem .106667rem .56rem rgba(6, 0, 1, 0.14);
    display: flex;
    justify-content: space-evenly;
    a {
      display: block;
      flex: 20%;
      text-align: center;
      color:#707070;
      font-size:.266667rem;
      img {
        width: .533333rem;
        height: .533333rem;
        margin: .266667rem auto .133333rem;
      }
    }
  }